<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>会员中心</title>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <link rel="stylesheet" type="text/css" href="css/reset.css">

    <link rel="stylesheet" type="text/css" href="css/membership.css">
</head>

<body>
    <header>
        <section class="headerin clearfix">
            <a href="" class="logo"></a>
            <nav>
                <ul class="navul clearfix">
                    <li><a href="index.html" class="curr">首页</a></li>
                    <li><a href="introduce.html">关于我们</a></li>
                    <li><a href="news.html">新闻中心</a></li>
                    <li><a href="product.html">产品中心</a></li>
                    <li><a href="contact.html">联系我们</a></li>
                </ul>
                <div class="loginbox">
                    <div class="up">
                        <span class="iconperson"></span>
                    </div>
                    <div class="down">
                        <a href="login.html" class="btnLogin">立即登录</a>没有账号？
                        <a href="registered.html" class="linkReg">立即注册</a><br />
                        <a href="buycar.html">我的购物车</a><br />
                        <a href="confirm_information.html">我的订单</a><br />
                        <div>
                            <input type="text" class="inputText"><input type="button" class="inputBtn">
                        </div>
                    </div>
                </div>
            </nav>
        </section>
    </header>
    <div class="submenu">
        <a href="#">当前位置：</a>>
        <a href="#">首页</a>>
        <a href="#">会员中心</a>
    </div>
    <section class="main">
        <table class="lefttable">
            <tbody>
                <tr class="bigTr">
                    <td>
                        <div class="avatar">
                        </div>
                        <p>Adam King</p>
                        <p class="small">会员等级: 160</p>
                    </td>
                </tr>
                <tr class="smallTr curr">
                    <td><img src="img/会员资料.png" alt=""><a href="personal_information.html">会员资料</a></td>
                </tr>
                <tr class="smallTr">
                    <td><img src="img/购物车.png" alt=""><a href="buycar.html">购物车&nbsp&nbsp&nbsp&nbsp</a></td>
                </tr>
                <tr class="smallTr curr">
                    <td><img src="img/购买记录.png" alt=""><a class="nowcurr" href="membership.html">购买记录</a></td>
                </tr>
                <tr class="smallTr">
                    <td><img src="img/修改密码.png" alt=""><a href="changepassword.html">修改密码</a></td>
                </tr>
                <tr class="smallTr curr">
                    <td><img src="img/修改资料.png" alt=""><a href="datamodification.html">修改资料</a></td>
                </tr>
            </tbody>
        </table>
        <div class="right">
            <div class="top">
                <div class="avatar">
                    <img src="img/头像.png" alt="" height="236px" width="383px">
                </div>
                <div class="xinxi">
                    <p class="name">Adam King/王亚当</p>
                    <p>会员类型: 普通买家&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp会员等级：高级会员</p>
                    <p>待付款订单（0）&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
                        待确认收货（1）&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 待评价交易（0）</p>
                    <p class="changeavatar"><img src="img/齿轮.png" alt="">修改头像</p>
                </div>
            </div>
            
            <div class="title">
                近期动态
            </div>
            <table class="product">
                <tr class="top">
                    <td style="padding-left: 10px;">产品信息及参数</td>
                    <td></td>
                    <td>单价（元）</td>
                    <td>数量 </td>
                    <td>优惠</td>
                    <td>小计</td>
                    <td>配送方式</td>
                    <td>状态</td>
                </tr>
                <tr style="height: 115px;border-bottom: 1px solid #cccccc;">
                    <td style="width: 150px;">
                        <img src="img/产品信息.png" alt="">
                    </td>
                    <td style="font-size: 12px;width: 235px;">
                        <p>65英寸日立电视L65-Z2系列</p>
                        <p>颜色：银色包边</p>
                        <p>尺寸:65英寸</p>
                    </td>
                    <td>5000.00</td>
                    <td>1</td>
                    <td>0.0</td>
                    <td>5000.00元</td>
                    <td>普通配送</td>
                    <td>配送中</td>
                </tr>
            </table>
            <div class="title">
                新品推荐
            </div>
            <div class="tuijian">
               <div class="img">
                <img src="img/新品推荐.png" alt="">
               </div>
                <p>70英寸日立电视L70-Z8系列</p>
                <p class="money">￥6500</p>
            </div>
            <div class="tuijian left">
                <div class="img">
                    <img src="img/新品推荐.png" alt="">
                   </div>
                    <p>70英寸日立电视L70-Z8系列</p>
                    <p class="money">￥6500</p>
            </div>

        </div>
    </section>
    <footer>
        copyright ©2016 hitachi.com all rights reserved 中国日立集团有限公司版权所有 京ICP备012345号-1
    </footer>
    <script src="js/index.js"></script>
</body>

</html>